/*
 * notebooks.js 封装与笔记本 有关的脚本
 */

function loadNotebooksAction(){
	console.log('loadNotebookAction');
	//发起Ajax请获取笔记本列表数据
	var url="notebook/list0.do";
	if(! model.notebooks){
		model.pageNum=0;
	}else{
		model.pageNum++;
	}
	var data={userId: getCookie('userId'),
			pageNum:model.pageNum};
	console.log(data);
	$.getJSON(url, data, function(result){
		if(result.state==SUCCESS){
			var notebooks=result.data;
			//console.log(notebooks);
			//调用模型更新笔记本列表功能
			model.updateNotebooksView(
					notebooks);
		}
	});
} 

/**
 * 模型中的更新视图方法, 当收到笔记本数据
 * 时候更新界面的显示内容
 */
model.updateNotebooksView =	function(notebooks){
	//console.log('updateNotebooksView');
	//this 就是当前对象, 就是model
	//为model增加新属性notebooks
	if(! this.notebooks){
		this.notebooks=notebooks;
	}else{
		//追加
		this.notebooks=
			this.notebooks.concat(notebooks);
	}
	//console.log(model);
	
	//遍历每个notebook对象, 显示到笔记本区域
	var ul=$('#notebooks').empty();
	//定义每个笔记本的显示模板
	var template='<li class="online notebook">'+
		'<a>'+
		'<i class="fa fa-book" title="online"'+
		'rel="tooltip-bottom"></i>'+
		'#{name}</a></li>';
	for(var i=0;i<this.notebooks.length;i++){
		var notebook=this.notebooks[i];
		//console.log(notebook);
		//替换模板中的 标记 #{name}
		var li=$(template.replace('#{name}',
				notebook.name));
		//Jquery对象提供了数据绑定方法 data
		//在每个LI元素上绑定了一个位置序号index
		li.data('index', i);
		ul.append(li);
	}
	var li='<li class="online more"><a>More...</a></li>'
	ul.append(li);
};

function addNotebookAction(){
	console.log('addNotebookAction');
}








